var vm = new Vue({
  el: '#app',
  data(){
    return {  
    	accessName:[],
      accessList:[],
      accessItem:[],
      index:'',
      controller:false,
      form: {
          ability:'',
          state:''
        }
    };  
  },
  mounted:function ( ) { // 页面加载完成后会调用此函数
    this.$nextTick(function () { // 加个函数可以保证 this和vm是一样 都可以掉用
        vm.management();
    })
  },
  methods:{
		management:function () {
	    this.$http.get('../data.json').then(res => { //作用域指向了外层 里面的this就是外面的this
	      vm.accessName = res.body.result.accessName;
	      vm.accessList = res.body.result.accessList;
	      vm.accessItem = res.body.result.accessItem;
//	      console.log(vm.accessItem)
	    }); // 调用http方法
		},
		remove_row(i,v){
			this.accessItem.splice(v,1)
		},
		save(){
			var title_value= document.getElementById("accessPro").value
			var type_value= document.getElementById("ability").value
			
			const temp={					
					"title":"考核项目",
					"title_value":title_value,
					"type":"所属类型",
					"type_value":type_value
				}
					
					vm.accessItem.push(temp)
					vm.controller=!vm.controller
			}
			
		}
		
  
})
